<template>
	<view class="item1" @click="click">
		<view class="headImgView">
			<u-image width="140rpx" height="140rpx" radius="10rpx" :src="item.coverUrl"></u-image>
		</view>
		<view class="center">
			<text class="name limitLineNumOfTwo" v-if="item.name">{{item.name}}</text>
			<text class="spec" v-if="item.specs_sel">{{item.specs_sel}}</text>
			<text style="margin-top: 12rpx;color: #FC5E53;">¥{{item.price}}</text>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			type:{
				type: String,
				default: ''
			},
			item:{
				type: Object,
				default: {}
			},
			payCount: {
				type: Number,
				default: 1
			}
		},
		data() {
			return {
			}
		},
		methods:{
			click(){
				this.$emit("click")
			},
		},
	}
</script>

<style lang="scss" scoped>
	.item1{
		padding: 20rpx;
		display: flex;
		flex-direction: row;
		background-color: #FFFFFF;
		.headImgView{
			position: relative;
		}
		
		.center{
			width: 100%;
			margin: 0 20rpx;
			display: flex;
			flex-direction: column;
			.spec{
				margin-top: 8rpx;
				font-size: 24rpx;
				color: #999999;
			}
		}
	}
</style>
